.{$tag-prefix}
  &, &-circle
    display inline-block
    padding 4px 10px
    border 1px solid $gray3-color
    line-height 1
    border-radius $border-radius-size
    background $white-color
    font-size $font-size-mini
    vertical-align middle
    cursor default
    margin-right 5px
  &-circle
    padding $border-radius-size
    border-radius 50%
  &-primary
    d-func-tag-color('primary')
  &-red
    d-func-tag-color('red')
  &-blue
    d-func-tag-color('blue')
  &-green
    d-func-tag-color('green')
  &-yellow
    d-func-tag-color('yellow')
  &-gray
    d-func-tag-color('gray')

  &-bg-primary
    d-func-tag-bg-color('primary')
  &-bg-red
    d-func-tag-bg-color('red')
  &-bg-blue
    d-func-tag-bg-color('blue')
  &-bg-green
    d-func-tag-bg-color('green')
  &-bg-yellow
    d-func-tag-bg-color('yellow')
  &-bg-gray
    d-func-tag-bg-color('gray')